<template>
	<div class="integral-detail">
		<xndj-header title="积分明细"></xndj-header>
		<TimeSelect @change="change"></TimeSelect>
		<button>查询</button>
		<table>
			<thead>
				<tr>
					<th>门店</th>
					<th>日期</th>
					<th>消费</th>
				</tr>
			</thead>
			<tbody>
				<tr class="not-data">
					<td colspan="3">暂无相关数据</td>
				</tr>
			</tbody>
		</table>
	</div>
</template>
<script>
export default {
  name: "integral-detail",
  data() {
    return {
      time: ""
    };
  },
  methods: {
    change(val) {
      this.time = val;
    }
  }
};
</script>
<style lang="scss" scoped>
@import "../assets/scss/lib/index.scss";
.integral-detail {
  button {
    display: block;
    border: none;
    width: calc(100% - 2 * 24px);
    margin: $offset auto;
    background: color(green);
    height: 72px;
    font-size: 24px;
    border-radius: 5px;
    color: #fff;
  }
  table {
     width: calc(100% - 2 * 24px);
		 margin: $offset auto;
		 background: #fff;
    border: 1px solid color(bc);
    td,
    th {
      border: 1px solid color(bc);
			height: 58px;
			text-align: center;
    }
		th{
			background: #f1f1f1;
		}
  }
}
</style>